
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html>
<head>
<title>Login Page</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/loginstyle.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddaccordion.js"></script>
<script language="javascript" type="text/javascript" src="js/niceforms.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="css/niceforms-default.css" />
<style type="text/css">
a{
text-decoration: none;
font-family: "Monotype Corsiva";
font-size: 18px;
float: right;margin-right: 45px;margin-top: 36px;
}
a:hover{
text-decoration: underline;
color: navy;
}
</style>
<script type="text/javascript">
	ddaccordion.init({
		headerclass : "submenuheader", 
		contentclass : "submenu", 
		revealtype : "click", 
		mouseoverdelay : 200, 
		collapseprev : true, 
		defaultexpanded : [], 
		onemustopen : false, 
		animatedefault : false, 
		persiststate : true, 
		toggleclass : [ "", "" ], 
		togglehtml : [ "suffix",
				"<img src='images/plus.gif' class='statusicon' />",
				"<img src='images/minus.gif' class='statusicon' />" ], 
		animatespeed : "fast", 
		oninit : function(headers, expandedindices) { 
		},
		onopenclose : function(header, index, state, isuseractivated) { 
		}
	});

	$(document).ready(function() {		
		$('#submit').click(function(event) {
			$('#userId').val($('#uname').val());
			
	 	}); 	
	});

	

window.history.forward();
function preventBack() { window.history.forward(1); }

</script>
</head>
<body onload="preventBack();" onpageshow="if (event.persisted) preventBack();" >
<div id="main_container">

	<div class="header_login">
    <div class="logo"><a href="#"><img src="img/ncmx-logo.png" alt="" title="" border="0" width="200" height="70"/></a></div>
    
    </div>
    <div class="login_form" >
	<h3 style="font-family: 'Monotype Corsiva';font-size: 23px;font-weight: bold">Login Panel</h3>
	 
	<c:if test="${param.error}">
		<div class="error">
			Your login attempt was not successful, try again.<br /> Reason:
			#{sessionScope.SPRING_SECURITY_LAST_EXCEPTION.message}
		</div>
	</c:if>
	
	<form name='f' action='/nepalcmx/login' method="post" class="niceform" accept-charset="UTF-8">
		<table style="margin-left:160px;margin-top:50px; border:none; clear:both;">
	
			<tr>
				<td style="font-size:19px; font-weight:bold; color:#666;font-family:Monotype Corsiva;color:navy">UserID:</td>
				<td style="float:left; width:400px; margin:0 0 10px 0;">
				<input type='text' name='username' value='' id="uname" placeHolder="Enter Your ID" required="true"/></td>

			</tr>
			<tr>
				<td style="font-size:19px; font-weight:bold; color:#666;font-family:Monotype Corsiva;color:navy">Password:</td>
				<td style="float:left; width:400px; margin:0 0 10px 0;">
				<input type='password' name='password' placeHolder="Enter Your Password" required="true"/></td>

			</tr>
			<tr>
			<td><input type="hidden" id="userId" name="userId" value=""/> 
			</td>
			
			</tr>
			<tr>
			<td></td>
				<td colspan='2' style="clear:both; width:500px; text-align:left; padding:0 0 0 10px;">
				<input name="submit" type="submit" id="submit" value="Login" style="width: 81px;"/></td>
			</tr>		
		</table>
	</form>

	<a href="forgotPwd" >Forgot Password</a>

	</div> 
	</div> 
</body>
</html>